import React from 'react'
import {Col, Pagination, Row} from 'antd'
import {connect} from 'react-redux'
import SerialBox from '../common/serial-box'

class MySubscriptionSerialsBox extends React.Component {
  render () {
    const {serials} = this.props
    return <div>
      <Row gutter={32}>
        {
          serials.map(serial => {
            return <Col span={8} className='margin-b-3'>
              <SerialBox subscribed serial={serial} />
            </Col>
          })
        }
      </Row>
    </div>
  }
}

const mapStateToProps = ({serials}) => ({serials})

export default connect(mapStateToProps, () => {})(MySubscriptionSerialsBox)
